import React, { Component } from 'react'
import './guide_box.less'
export default class GuideBox extends Component {
  render() {
    return (
      <div className="guide-box-container">
        <h3>{this.props.children}</h3>
        <ul>
          {
            this.props.list.map(item=>{
              return <li key={item.id}><a target="_blank" href={item.url}>{item.title}</a></li>
            })
          }
        </ul>
      </div>
    )
  }
}
